<template>
  <div class="agreement-page">

    <div class="content" >
      <div class="header">
        <h1 class="title">商家入驻协议</h1>
        <div class="update-time">更新时间：2025年8月1日</div>
      </div>

      <div class="agreement-content">
        <section class="section">
          <p style="text-indent: 2em;">欢迎您（以下简称 "商家"）入驻本外卖小程序（以下简称 "本程序"）。请您在入驻前仔细阅读本协议，一旦您完成入驻流程并使用本程序提供的商家服务，即视为您已同意本协议全部内容。​</p>
        </section>

        <section class="section">
          <h2>一、商家基本规范​</h2>
          <p style="text-indent: 2em;">您需提供真实、准确的经营资质信息（如营业执照、食品经营许可证、健康证等）及店铺基础信息（如店铺名称、经营地址、联系方式等），若信息发生变更（如资质到期更新、店铺搬迁），应在变更后 3 日内登录程序或告知本程序完成更新。因信息不实、缺失或未及时更新导致的平台处罚、消费者投诉及法律责任，由您自行承担。​</p>
          <p style="text-indent: 2em;">您应妥善保管商家账号及密码，不得将账号转借、出租或泄露给他人。如因账号被盗用等非本程序原因造成的订单损失、资金风险等，本程序不承担责任。​</p>
        </section>

        <section class="section">
          <h2>二、服务内容与规则​</h2>
          <p style="text-indent: 2em;">本程序为您提供店铺线上展示、订单接收、支付结算、营销推广等入驻服务，您可在程序内上传菜品信息（含名称、价格、图片、规格）、处理用户订单、回复用户咨询。​</p>
          <p style="text-indent: 2em;">您需按程序规则如实上传菜品信息，不得虚构内容、哄抬价格或设置误导性描述；调整菜品价格或下架菜品时，应提前 24 小时操作，避免订单纠纷。​</p>
          <p style="text-indent: 2em;">您需在用户下单后，按订单信息准确制作商品，在承诺的出餐时间内完成打包，并配合配送团队完成取餐；若因您延迟出餐、错发漏发导致用户退款、投诉，需按程序规则承担退款责任及相应处罚。​</p>
        </section>

        <section class="section">
          <h2>三、双方权利与义务​</h2>
          <p style="text-indent: 2em;">您有权要求本程序提供稳定的技术支持，保障店铺正常运营；对程序规则、结算数据有异议的，可向本程序客服反馈，本程序应在 3 个工作日内回复处理结果。​</p>
          <p style="text-indent: 2em;">本程序有权对您的经营资质、菜品信息、订单履约情况进行审核与监督，对违规行为（如销售过期食品、虚假宣传）采取限流、下架、终止合作等措施；有权根据运营需求调整服务规则（如平台服务费比例），并提前 7 日告知您。​</p>
        </section>

        <section class="section">
          <h2>四、费用与结算​</h2>
          <p style="text-indent: 2em;">本程序按您实际成交订单金额的约定比例收取平台服务费。​</p>
          <p style="text-indent: 2em;">本程序根据约定的结算周期进行费用结算，双方对结算金额无异议的，本程序将扣除服务费后的款项支付至您指定的银行账户。</p>
        </section>

        <section class="section">
          <h2>五、责任限制​</h2>
          <p style="text-indent: 2em;">因不可抗力（如自然灾害、疫情管控）、第三方服务故障等原因导致服务无法正常提供的，本程序不承担责任，但会及时通知您并协助解决问题。​</p>
          <p style="text-indent: 2em;">本程序仅为交易撮合平台，不对您提供的商品质量、食品安全承担直接责任；若用户因商品问题投诉或索赔，您应积极处理，本程序可提供必要的协调支持。​</p>
        </section>

        <section class="section">
          <h2>六、其他​</h2>
          <p style="text-indent: 2em;">本协议的解释权归本程序所有，未尽事宜可由双方另行签订补充协议，补充协议与本协议具有同等法律效力。​</p>
          <p style="text-indent: 2em;">若您与本程序发生争议，应优先友好协商解决；协商不成的，任何一方可向本程序运营方所在地有管辖权的法院提起诉讼。​</p>
        </section>

        <section class="section">
          <p style="text-indent: 2em;text-align: end;">长沙市简凡科技有限公司</p>
          <p style="text-indent: 2em;text-align: end;">2025年8月1日</p>
        </section>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import Return from '@/components/Return.vue'

const capsuleTop = ref(0)

const calcCapsuleTop = () => {
  // #ifdef MP-WEIXIN
  const menuButtonInfo = wx.getMenuButtonBoundingClientRect()
  capsuleTop.value = menuButtonInfo.bottom + 20
  // #endif
}

onMounted(() => {
  calcCapsuleTop()
})
</script>

<style lang="scss" scoped>
.agreement-page {
  min-height: 100vh;
  background-color: #f8f9fa;
}

.content {
  padding: 0 40rpx 40rpx;
}

.header {
  text-align: center;
  padding: 40rpx 0;
  background: white;
  margin-bottom: 20rpx;
  border-radius: 16rpx;

  .title {
    font-size: 48rpx;
    font-weight: bold;
    color: #191919;
    margin-bottom: 16rpx;
  }

  .update-time {
    font-size: 24rpx;
    color: #999;
  }
}

.agreement-content {
  background: white;
  border-radius: 16rpx;
  padding: 40rpx;

  .section {
    margin-bottom: 40rpx;
    text-align: justify;

    &:last-child {
      margin-bottom: 0;
    }

    h2 {
      font-size: 32rpx;
      font-weight: bold;
      color: #191919;
      margin-bottom: 20rpx;
    }

    p {
      font-size: 28rpx;
      color: #666;
      line-height: 1.6;
      margin-bottom: 16rpx;

      &:last-child {
        margin-bottom: 0;
      }
    }

    ul {
      padding-left: 32rpx;

      li {
        font-size: 28rpx;
        color: #666;
        line-height: 1.6;
        margin-bottom: 12rpx;
        list-style: disc;

        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
}
</style>
